<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<div id="content-outer">

	<!-- start content -->
	<div id="content">

		<div id="page-heading">
			<h1>Add subject</h1>
		</div>

		<table border="0" width="100%" cellpadding="0" cellspacing="0"
			id="content-table">
			<tr>
				<th rowspan="3" class="sized">
					<%-- <img src="<c:url value="/resources/images/shared/side_shadowleft.jpg"/>" width="20" height="300" alt="" /> --%>
					<img
					src="<c:url value="/resources/images/shared/side_shadowleft.jpg"/>"
					width="20" height="300" alt="" />
				</th>
				<th class="topleft"></th>

				<td id="tbl-border-top">&nbsp;</td>
				<th class="topright"></th>
				<th rowspan="3" class="sized">
					<%-- <img src="<c:url value="/resources/images/shared/side_shadowright.jpg"/>" width="20" height="300" alt="" /> --%>
					<img
					src="<c:url value="/resources/images/shared/side_shadowright.jpg"/>"
					width="20" height="300" alt="" />
				</th>
			</tr>
			<tr>
				<td id="tbl-border-left"></td>
				<td>
					<!--  start content-table-inner -->
					<div id="content-table-inner">

						<table border="0" width="100%" cellpadding="0" cellspacing="0">

							<tr valign="top">
								<td>
									<!--  start step-holder -->
									<div id="step-holder">
										<div class="step-no">1</div>
										<div class="step-dark-left">Subject info</div>
										<div class="step-dark-right">&nbsp;</div>
										
										<!-- <div class="step-no-off">2</div>
										<div class="step-light-left">Preview</div>
										<div class="step-light-round">&nbsp;</div>
										<div class="clear"></div> -->
									</div> 
									
									<!--  end step-holder --> 
									<!-- start id-form --> 
									<form:form
										modelAttribute="subject" action="add-subject" method="post" commandName="subject">
										<table border="0" cellpadding="0" cellspacing="0" id="id-form">
											<tr>

												<th valign="top">Subject id:</th>
												<td><form:input path="id" type="number" class="inp-form" id = "subject_id" />
												</td>
												<td></td>
											</tr>

											<tr>
												<th valign="top">Subject name:</th>
												<td><form:input path="name" type="text"
														class="inp-form" id = "subject_name" /></td>
												<td></td>

											</tr>

											<tr>
												<th valign="top">Description:</th>
												<td><form:input path="description" type="text"
														class="inp-form" id="subject_des" /></td>
												<td></td>
											</tr>
											<tr>
												<th>&nbsp;</th>
												<td valign="top">
												<input type="submit" value=""
													class="form-submit" /> 
												<input type="reset" value=""
													class="form-reset" onclick = "javascript:onReset();" /></td>
												<td></td>
											</tr>
										</table>
									</form:form> <!-- end id-form  -->

								</td>
								<td></td>
							</tr>

							<tr>
								<td>
									<%-- <img src="<c:url value="/resources/images/shared/blank.gif"/>" width="695" height="1" alt="blank" /> --%>
									<img src="<c:url value="/resources/images/shared/blank.gif"/>"
									width="695" height="1" alt="blank" />
								</td>
								<td></td>
							</tr>

						</table>

						<div class="clear"></div>

					</div> <!--  end content-table-inner  -->
				</td>

				<td id="tbl-border-right"></td>
			</tr>
			<tr>
				<th class="sized bottomleft"></th>

				<td id="tbl-border-bottom">&nbsp;</td>
				<th class="sized bottomright"></th>
			</tr>
		</table>

		<div class="clear">&nbsp;</div>

	</div>
	<!--  end content -->
	<script type="text/javascript">
		function onReset(){
			document.getElementById("subject_id").value = 0 ;
			document.getElementById("subject_name").value="" ;
			document.getElementById("subject_des").value="" ;
		}
	</script>

	<div class="clear">&nbsp;</div>
</div>